<template>
  <h5>这是 Son 组件 --- {{ myCount }}</h5>
  <button @click="myCount++">+1</button>
  <button @click="user.age++">user.age++</button>
  <button @click="list.push(list.length)">往 list 中追加元素</button>
  <hr />
  <p>user 的数据：</p>
  <pre>{{ JSON.stringify(user) }}</pre>

  <p>list 的数据：</p>
  <pre>{{ JSON.stringify(list) }}</pre>
</template>

<script setup>
import { ref } from 'vue'

const props = defineProps(['num', 'user', 'list'])

const myCount = ref(props.num)
</script>
